.flexStart {
  display: flex;
  justify-content: flex-start;
}

.flexStartWrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.flexEnd {
  display: flex;
  justify-content: flex-end;
}

.flexAround {
  display: flex;
  justify-content: space-around;
}

.flexBetween {
  display: flex;
  justify-content: space-between;
}

.flexBetweenWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flexStartCenter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flexEndCenter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flexBetweenCenter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flexCenter {
  display: flex;
  justify-content: center;
}

.flexCenter2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexAlignCenter {
  display: flex;
  align-items: center;
}

.flexColumnCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flexColumnBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}

.flexDirectionCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pageContent {
  background: #fff;
  margin: 0px;
  padding: 15px;
}

.flexWrap {
  display: flex;
  flex-wrap: wrap;
}

.flexBetweenStart {
  display: flex;
  // flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.flexBetweenEnd {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}

.flexBetweenCenterWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.textSelect {
  color: #1890ff;
  cursor: pointer;
}

#popover:hover {
  color: rgb(53, 168, 250);
  cursor: pointer;
}

.ant-table-pagination.ant-pagination {
  display: none;
}

::v-deep .ant-modal {
  padding-bottom: 0;
}

.flexSpaceAround {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.pointer {
  cursor: pointer;
  color: #1890ff;
}

//蓝色字体，悬浮手型，且不让选中
.blueWord {
  color: #1890ff;
  cursor: pointer;
  -webkit-user-select: none
}

.blackWord {
  color: #333
}

//划线
.line {
  background: #e5e5e5;
  width: 100%;
  height: 1px;
  margin: 0 0px 14px
}
.grayWord {
  color: #939fb8;
}

//文字居中
.textCenter {
  text-align: center;
}

//蓝色字体，悬浮手型
.pointerWord {
  cursor: pointer;
  color: #1890ff;
}

@for $i from 1 through 100 {

  //例pl-20,就是padding-left:20px
  .pl-#{$i} {
    padding-left: $i + px;
  }
  .pr-#{$i} {
    padding-right: $i + px;
  }

  //例mt-20,就是margin-top:20px
  .mt-#{$i} {
    margin-top: $i + px;
  }
  .mb-#{$i} {
    margin-bottom: $i + px;
  }

  //例fs-20,就是font-size:20px
  .fs-#{$i} {
    font-size: $i + px;
  }




  .pt-#{$i} {
    padding-top: $i + px;
  }

  .pb-#{$i} {
    padding-bottom: $i + px;
  }

  .p-#{$i} {
    padding: $i + px;
  }

  .p-x-#{$i} {
    padding: auto $i + px;
  }

  .p-y-#{$i} {
    padding: $i + px auto;
  }

  .ml-#{$i} {
    margin-left: $i + px;
  }

  .mr-#{$i} {
    margin-right: $i + px;
  }



  .m-#{$i} {
    margin: $i + px;
  }

  .m-x-#{$i} {
    margin: auto $i + px;
  }

  .m-y-#{$i} {
    margin: $i + px auto;
  }


}

// .content-panel{
//   background-color: #fff;
//   margin: 24px;
// }
